<!--_meta 作为公共模版分离出去-->
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="Bookmark" href="favicon.ico" >
	<link rel="Shortcut Icon" href="favicon.ico" />
	<!--[if lt IE 9]>
	<script type="text/javascript" src="lib/html5.js"></script>
	<script type="text/javascript" src="lib/respond.min.js"></script>
	<![endif]-->
	<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
	<link rel="stylesheet" type="text/css" href="static/h-ui.admin.pro/css/h-ui.admin.pro.css" />
	<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.9/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="static/business/css/style.css" />
	<!--[if IE 6]>
	<script type="text/javascript" src="http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
	<script>DD_belatedPNG.fix('*');</script><![endif]-->
	<!--/meta 作为公共模版分离出去-->

	<title>个人信息修改</title>
	<meta name="keywords" content="h-ui.admin.pro v1.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
	<meta name="description" content="h-ui.admin.pro v1.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
</head>
<body>
	<article class="clearfix pd-20">
		<form action="" method="post" class="form form-horizontal" id="form-admin-add">
			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>选择宿舍：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<select id="chooseDormitory">
						<option id="-1">请选择寝室</option>

					</select>
				</div>
			</div>
			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>宿舍门牌号：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="" placeholder="" id="doorNum" name="doorNum">
				</div>
			</div>
			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>最大住宿人数：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<input type="text" class="input-text" value="" placeholder="" id="maxNum" name="maxNum">
				</div>
			</div>
			<div class="row clearfix">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>寝室类型：</label>
				<div class="form-controls col-xs-8 col-sm-9">
					<select id="type">
						<option id="2" value="2">二人间</option>
						<option id="4" value="4">四人间</option>
						<option id="6" value="6">六人间</option>
					</select>
				</div>
			</div>
			<div class="row clearfix">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
					<input class="btn btn-primary radius" type="button" id="updateInfoBtn" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
				</div>
			</div>
		</form>
	</article>

	<!--_footer 作为公共模版分离出去-->
	<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="lib/layer/3.1.1/layer.js"></script>
	<script type="text/javascript" src="static/h-ui/js/H-ui.js"></script>
	<script type="text/javascript" src="static/h-ui.admin.pro/js/h-ui.admin.pro.js"></script>

	<!--/_footer /作为公共模版分离出去-->

	
	<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
	<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
	<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
	<script type="text/javascript">
		$(function(){
			/* 通过iCheck插件，美化checkbox */
			$('.skin-minimal input').iCheck({
				checkboxClass: 'icheckbox-blue',
				radioClass: 'iradio-blue',
				increaseArea: '20%'
			});

			// 进入页面，显示学生信息
			$.ajax({
				method:"post",
				url:"dormitory?action=findDormitoryAndPosition",
				type:"json",
				success:function (result){
					console.log(result.dorIdAndPosition);
					var datas = result.dorIdAndPosition;
					for(var i = 0; i<datas.length; i++){
						$("#chooseDormitory").append('<option value="'+ datas[i].dorId +'">' + datas[i].position + '</option>');
					}
				}
			});
			
			$("#chooseDormitory").change(function () {
				console.log($("#chooseDormitory").val());
				var dorId = $("#chooseDormitory").val();
				if(dorId != -1 || dorId != null){
					$.ajax({
						method:"post",
						url:"dormitory?action=findDormitoryUpdateInfo",
						data:{"dorId":dorId},
						success:function (result){
							console.log(result.data);
							$("#doorNum").val(result.data.doorNum);
							$("#maxNum").val(result.data.maxNum);
							$("#type").prop('selected',false);		// 使用attr()只有第一次调用时才生效；换用prop()即可。
							$("#"+result.data.type).prop('selected','selected');
						}
					});
				}
			})
			
			$("#updateInfoBtn").click(function () {
				var data = {
					"dorId":$("#chooseDormitory").val(),
					"doorNum":$("#doorNum").val(),
					"maxNum":$("#maxNum").val(),
					"type":$("#type").val()
				}
				console.log(data);
				$.ajax({
					method:"post",
					url:"dormitory?action=updateDormitoryInfo",
					data:data,
					type:"json",
					success:function (result){
						alert(result.msg);
						if(result.code == 20002){
							location.href="/login.html";
						}
						if(result.code == 10001){
							location.href="/dormitory-statistical.html";
						}
					}
				});
			})
		});
	</script>
	<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
